<!DOCTYPE html>
<!--改造为thymelear动态网页,默认情况要求标签必须规定-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf应用解析</title>
</head>
<body>
<h2>1.常用操作${},@{},双[]号用法</h2>
<!--还有两个操作符*{},#{}-->
<!--${}获取后端数据在前端渲染，@{}串接后台数据也可以串接前端路径-->
<!--1.1 ${}输出后端传递的数据-->
<p th:text="${msg}" style="color: red;font-size: 24px"></p>
<h3 th:text="${user.uid}"></h3>
<h3 th:text="${user.name}"></h3>
<h3 th:text="${user.gendar}"></h3>
<!--双[]输出表达式语句-->
<h4 style="color:green">[[${msg}]]&ensp;[[300+200]]&ensp;[[${300+500}]]</h4>
<!--2.@{}拼接静态资源的路径,一般用于th:href与th:src-->
<div>
    <img src="/imgs/corday.jpg" />
    <!--拿到后端图片文件名显示到网页${},@{}-->
    <!--多操作可以-->
    <img th:src="@{/imgs/{temp}(temp=${emo3}+'.png') }"/>
    <!--本项目相对路径的串接-->
    <a th:href="@{/user/{url}(url=${myurl})}">我就是我</a>
    <!--绝对路径的串接-->
    <a th:href="${badidu}">百度一下</a>
</div>

</body>
</html>